<ui:composition template="template.xhtml"
				xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui">
<link rel="stylesheet" href="../css/style.css" type="text/css"/>
<ui:define name="body">
<table>
<h:form >
	<tr>
		<td class="texto3"  style="height:400px;width:850px;background-color: #E0EEEE" align="center">
			<p:messages id="msgs" showDetail="false"/>
					    <p:dataTable paginator="true" dynamic ="true" selection="#{usuarioBean.usuario}" selectionMode="single"
					      paginatorPosition="bottom" rows="8" var="user" value="#{usuarioBean.usuarios}" id="listaUsuarios" emptyMessage="#{msg.nenhum_registro}">
					        <f:facet name="header" style="font-size:12px;font-weight:bold;">
					            #{msg.label_lista_usuarios}
					        </f:facet>
							
							<p:column headerText="#{msg.label_cpf}" style="width:50px;font-size:12px;font-weight:bold;">
					            <p:cellEditor>
					                <f:facet name="output">
					                    <h:outputText value="#{user.id}" />
					                </f:facet>
					                <f:facet name="input">
					                    <h:outputText value="#{user.id}" />
					                </f:facet>
					            </p:cellEditor>
					        </p:column>	
					        
					        <p:column headerText="#{msg.label_nome}" style="width:300px;font-size:12px;font-weight:bold;" >
					            <p:cellEditor>
					                <f:facet name="output">
					                    <h:outputText value="#{user.nome}" />
					                </f:facet>
					                <f:facet name="input">
					                    <h:outputText value="#{user.nome}" />
					                </f:facet>
					            </p:cellEditor>
					        </p:column>
					        
					        <p:column headerText="#{msg.label_perfil}" style="width:100px;font-size:12px;font-weight:bold;" >
					            <p:cellEditor>
					                <f:facet name="output">
					                    <h:outputText value="#{user.perfil.nome}" />
					                </f:facet>
					                <f:facet name="input">
					                    <h:outputText value="#{user.perfil.nome}" />
					                </f:facet>
					            </p:cellEditor>
					        </p:column>
					        
					         <p:column headerText="#{msg.label_bloqueado}" style="width:50px;font-size:12px;font-weight:bold;" >
					            <p:cellEditor>
					                <f:facet name="output">
					                    <h:outputText value="#{user.bloqueado}" />
					                </f:facet>
					                <f:facet name="input">
					                    <h:outputText value="#{user.bloqueado}" />
					                </f:facet>
					            </p:cellEditor>
					        </p:column>
    			  
					    </p:dataTable>   
					    <p:spacer height="15px" width="900px"/> 
					    <p:commandButton value="#{msg.button_voltar}" action="#{usuarioBean.cancelar}" style="font-size:12px" styleClass="texto1"   immediate="true" ajax="false" />
					    <p:spacer width="15px"/> 
					    <p:commandButton value="#{msg.button_editar}" action="#{usuarioBean.editar}" style="font-size:12px" styleClass="texto1"   ajax="false" />
					    <p:spacer width="15px"/> 
					    <p:commandButton value="#{msg.button_excluir}" action="#{usuarioBean.excluir}" style="font-size:12px" styleClass="texto1" ajax="false" />
					</td>
				</tr>  
	</h:form>
</table>
</ui:define>
</ui:composition>